<template>
  <div class="auto_verification">
    <div class="verification_title">
      {{$t('config.channel.transferIng')}}
    </div>
    <div v-show="$store.state.oemObj.oemFlag" class="verification_con" v-html="$t('config.channel.transferIngTitleOem')"></div>
    <div v-show="!$store.state.oemObj.oemFlag" class="verification_con" v-html="$t('config.channel.transferIngTitle')"></div>
    <div class="loading_img"><img src="../../../../../assets/img/loading.gif" alt=""></div>
  </div>
</template>
<script>
  export default {
    name: 'FirmMailAddThree',
    data () {
      return {
        time: ''
      }
    },
    props: {
      random: Number
    },
    watch: {
      'random': 'cancel'
    },
    methods: {
      cancel () {
        let self = this
        this.time = setTimeout(() => { self.back() }, 3000)
      },
      back () {
        this.$emit('refresh')
        this.$emit('cancel')
        clearTimeout(this.time)
      }
    }
  }
</script>
<style lang="stylus" scoped>
  @import "../../../../../assets/common.styl"
  .auto_verification
    text-align center
  .verification_title
    font-size 18px
    margin-bottom 20px
  .verification_con
    line-height 18px
  .loading_img
    margin-top 30px
</style>
